<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		body,html{width: 100%; height: 100%;
			margin: 0; padding: 0;
		}
			.top{
			height: 100px; background: #A9A9A9;width: 1400px;
			}
			.left{background:greenyellow;width: 30%; float: left;
				height: 800px; 
			}
			.right{min-width: 800px;max-width: 900px;
				height: 800px; width: 60%; float: left; background: rgba(100,120,150,0.3);
			}
			.asd{/*max-width: 1600px;*/overflow: hidden;background: cadetblue; width: 1400px;
			}
			.aa{
				width: 100%;  background: aquamarine;
			}
			.bb{
				width: 100%;background: cornflowerblue;
			}
		</style>
	</head>
	<body>
		<div class="bb">
		
		<div class="top"></div></div>
		<div class="aa">
			
		<div class="asd">
		<div class="left"></div>
	   <div class="right">
	   	
	   	<div class="big_div" style="margin: 0 auto; width: 80%; height: 400px;">
	   		<table border="" width="100%" height=" 400px";>
	   			<tr><th>Header</th>
	   				<th>Header</th>
	   				<th>Header</th>
	   				<th>Header</th>
	   				<th>Header</th>
	   				<th>Header</th>
	   				<th>Header</th>
	   				<th>Header</th>
	   			</tr>
	   			<tr><td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   			</tr>
	   			<tr><td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   			</tr>
	   			<tr><td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   			</tr>
	   			<tr><td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   				<td>Data</td>
	   			</tr>
	   		</table>
	   	</div>
	   </div>
	   </div>
	   </div>
	</body>
</html>